<!-- 注册用户页面 -->
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>- FooTable</title>
  <meta name="keywords" content="">
  <meta name="description" content="">

  <link rel="shortcut icon" href="favicon.ico">
  <link href="../css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
  <link href="../css/animate.css" rel="stylesheet">
  <link href="../css/style.css?v=4.1.0" rel="stylesheet">
  <link href="../css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
  <link rel="stylesheet" href="../js/lib/bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css">

  <!-- 全局js -->  
  <script src="../js/jquery.min.js?v=2.1.4"></script>
  <script src="../js/bootstrap.min.js?v=3.3.6"></script>
  <script src="../js/lib/moment/min/moment-with-locales.min.js"></script>
  <script src="../js/lib/bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script>

  <!-- 自定义css、js -->
  <link rel="stylesheet" href="../css/labMgt/self.css">
  <link rel="stylesheet" href="../css/labMgt/modal.css">
</head>
<body class="gray-bg">
  <div class="wrapper wrapper-content animated fadeInRight">
    <form>
      <table class="form-table" style="margin-bottom:30px;">
        <h3 class="text-center">系统访问日志</h3>
        <tbody> 
          <tr>
            <td class="title">启用：</td>
            <td><input type="checkbox" /></td>
          </tr>
          <tr>
            <td class="title">查询日志：</td>
            <td><input type="checkbox" /></td>
          </tr>
          <tr>
            <td class="title">运行时间：</td>
            <td>
              <div class="date-father">
                <input type="text" date-type="start"
                  class="datetimepicker">
              </div>                
            </td>
          </tr>
          <tr>
            <td class="title">说明：</td>
            <td><textarea name="note" type="text"></textarea></td>
          </tr>
        </tbody>
      </table>
      <hr style="border-top: 1px solid #ccc;">
      <table class="form-table" style="margin-bottom:30px;">
         <h3 class="text-center">系统操作日志</h3>
        <tbody> 
          <tr>
            <td class="title">启用：</td>
            <td><input type="checkbox" /></td>
          </tr>
          <tr>
            <td class="title">运行时间：</td>
            <td>
              <div class="date-father">
                <input type="text" date-type="start"
                  class="datetimepicker">
              </div>                
            </td>
          </tr>
          <tr>
            <td class="title">说明：</td>
            <td><textarea name="note" type="text"></textarea></td>
          </tr>
        </tbody>
      </table>
      <hr style="border-top: 1px solid #ccc;">       
        <table class="form-table" style="margin-bottom:30px;">
          <h3 class="text-center">系统异常日志</h3>
          <tbody> 
            <tr>
              <td class="title">启用：</td>
              <td><input type="checkbox" /></td>
            </tr>
            <tr>
              <td class="title">查询日志：</td>
              <td><input type="checkbox" /></td>
            </tr>
            <tr>
              <td class="title">运行时间：</td>
              <td>
                <div class="date-father">
                  <input type="text" date-type="start"
                    class="datetimepicker">
                </div>                
              </td>
            </tr>
            <tr>
              <td class="title">说明：</td>
              <td><textarea name="note" type="text"></textarea></td>
            </tr>
          </tbody>
        </table>
          <hr style="border-top: 1px solid #ccc;">
        <div class=" text-center">
          <button class="btn btn-sm btn-info" type="submit">保存</button>
        </div>
    </form>  
  </div>

  <script>

    /* datetimepicker init 方法 */
    function bootstrapDatetimepicker() {
      var pickers = $('.datetimepicker'),
          startPicker = pickers.parent().find('[date-type=start]')
          endPicker = pickers.parent().find('[date-type=end]');
      if (pickers.length) {
        pickers.datetimepicker({
          locale: 'zh-cn',
          sideBySide: true,
          format: 'YYYY-MM-DD H:mm'
        });
      }
    }

    bootstrapDatetimepicker();
  </script>
</body>
</html>